<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{:$configs['SYSTEM_NAME']}</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="__STATIC__/index/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="__STATIC__/index/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="__STATIC__/index/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="__STATIC__/index/img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="__STATIC__/index/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/index/fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/style.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
    ==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
      <a  href="{:url('index/index')}"><img src="__UPLOAD__/{:$configs['SYSTEM_LOGO']}" style="height: 50px;" />  </a> </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <?php foreach ($articles as $k => $vo): ?>
          <?php if (!empty($vo['menu_name'])): ?>
            <li><a href="#article{:$vo['id']}" class="page-scroll">{:$vo['menu_name']}</a></li> 
          <?php endif ?>
        <?php endforeach ?>
        
        <li><a href="#contact" class="page-scroll">联系我们</a></li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
</nav>
<!-- Header -->
<header id="header" data-toggle="modal" data-target="#modal-export">
  <div class="intro" style="background: url('__UPLOAD__/{:$banner['image']}') center center no-repeat;background-size: cover;">
    <div class="overlay" style="background:none;">
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-md-offset-2 intro-text">
            <h1 style="text-transform: unset;">{:$banner['title']}<span></span></h1>
            <p>{:$banner['description']}</p>
            <?php if (!empty($banner['btn_name'])): ?>
              <a href="javascript:void(0)" class="btn btn-custom btn-lg page-scroll">{:$banner['btn_name']}</a>   
            <?php endif ?>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- Features Section -->
<!-- <div id="features" class="text-center">
  <div class="container">
    <div class="col-md-10 col-md-offset-1 section-title">
      <h2>Features</h2>
    </div>
    <div class="row">
      <div class="col-xs-6 col-md-3"> <i class="fa fa-comments-o"></i>
        <h3>Lorem ipsum</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-bullhorn"></i>
        <h3>Dolor sit amet</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-group"></i>
        <h3>Tempus eleifend</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-xs-6 col-md-3"> <i class="fa fa-magic"></i>
        <h3>Pellentesque</h3>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
      </div>
    </div>
  </div>
</div> -->
<!-- About Section -->
<?php foreach ($articles as $k => $vo): ?>
<div id="article{:$vo['id']}" class="article-item" data-toggle="modal" data-target="#modal-export">
  <div class="container">
    <div class="row">
      <?php if ($vo['type'] == 0): ?>
        <div class="col-xs-12 col-md-6"> <img src="__UPLOAD__/{:$vo['image']}" class="img-responsive" alt=""> </div>  
      <?php endif ?>
      
      <div class="col-xs-12 col-md-6">
        <div class="about-text">
          <h2>{:$vo['title']}</h2>
          <p>{:myTextareaShow($vo['description'])}</p>
          <h3>{:$vo['subtitle']}</h3>
          <div class="list-style">
            <?php if (!empty($vo['content'][0])): ?>
              <div class="col-lg-6 col-sm-6 col-xs-12">
                <ul>
                  <?php foreach ($vo['content'][0] as $c_v): ?>
                    <li>{:$c_v}</li>
                  <?php endforeach ?>
                </ul>
              </div>
            <?php endif; ?>
            <?php if (!empty($vo['content'][1])): ?>
              <div class="col-lg-6 col-sm-6 col-xs-12">
                <ul>
                  <?php foreach ($vo['content'][1] as $c_v): ?>
                    <li>{:$c_v}</li>
                  <?php endforeach ?>
                </ul>
              </div>
            <?php endif ?>
          </div>
        </div>
      </div>

      <?php if ($vo['type'] == 1): ?>
        <div class="col-xs-12 col-md-6"> <img src="__UPLOAD__/{:$vo['image']}" class="img-responsive" alt=""> </div>  
      <?php endif ?>
    </div>
  </div>
</div>
<?php endforeach ?>


<!-- Services Section -->
<!-- <div id="services" class="text-center">
  <div class="container">
    <div class="section-title">
      <h2>Our Services</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
    </div>
    <div class="row">
      <div class="col-md-4"> <i class="fa fa-wordpress"></i>
        <div class="service-desc">
          <h3>Lorem ipsum dolor</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
        </div>
      </div>
      <div class="col-md-4"> <i class="fa fa-cart-arrow-down"></i>
        <div class="service-desc">
          <h3>Consectetur adipiscing</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
      <div class="col-md-4"> <i class="fa fa-cloud-download"></i>
        <div class="service-desc">
          <h3>Lorem ipsum dolor</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4"> <i class="fa fa-language"></i>
        <div class="service-desc">
          <h3>Consectetur adipiscing</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
        </div>
      </div>
      <div class="col-md-4"> <i class="fa fa-plane"></i>
        <div class="service-desc">
          <h3>Lorem ipsum dolor</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
        </div>
      </div>
      <div class="col-md-4"> <i class="fa fa-pie-chart"></i>
        <div class="service-desc">
          <h3>Consectetur adipiscing</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at.</p>
        </div>
      </div>
    </div>
  </div>
</div> -->
<!-- Gallery Section -->
<!-- <div id="portfolio" class="text-center">
  <div class="container">
    <div class="section-title">
      <h2>Gallery</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
    </div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/01-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Lorem Ipsum</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/01-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/02-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Adipiscing Elit</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/02-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/03-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Lorem Ipsum</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/03-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/04-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Lorem Ipsum</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/04-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/05-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Adipiscing Elit</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/05-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/06-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Dolor Sit</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/06-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/07-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Dolor Sit</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/07-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/08-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Lorem Ipsum</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/08-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-4">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="__STATIC__/index/img/portfolio/09-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Adipiscing Elit</h4>
              </div>
              <img src="__STATIC__/index/img/portfolio/09-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> -->
<!-- Testimonials Section -->
<!-- <div id="testimonials">
  <div class="container">
    <div class="section-title text-center">
      <h2>What our clients say</h2>
    </div>
    <div class="row">
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/01.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - John Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/02.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis."</p>
            <div class="testimonial-meta"> - Johnathan Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/03.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - John Doe </div>
          </div>
        </div>
      </div>
      <div class="row"> </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/04.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - Johnathan Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/05.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis bibendum dolor feugiat at."</p>
            <div class="testimonial-meta"> - John Doe </div>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="testimonial">
          <div class="testimonial-image"> <img src="__STATIC__/index/img/testimonials/06.jpg" alt=""> </div>
          <div class="testimonial-content">
            <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam sedasd commodo nibh ante facilisis."</p>
            <div class="testimonial-meta"> - Johnathan Doe </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> -->
<!-- Team Section -->
<!-- <div id="team" class="text-center">
  <div class="container">
    <div class="col-md-8 col-md-offset-2 section-title">
      <h2>Meet the Team</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
    </div>
    <div id="row">
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="__STATIC__/index/img/team/01.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>John Doe</h4>
            <p>Director</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="__STATIC__/index/img/team/02.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Mike Doe</h4>
            <p>Senior Designer</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="__STATIC__/index/img/team/03.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Jane Doe</h4>
            <p>Senior Designer</p>
          </div>
        </div>
      </div>
      <div class="col-md-3 col-sm-6 team">
        <div class="thumbnail"> <img src="__STATIC__/index/img/team/04.jpg" alt="..." class="team-img">
          <div class="caption">
            <h4>Karen Doe</h4>
            <p>Project Manager</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> -->

<div style="text-align: center;padding-bottom:50px;">
  <a href="javascript:void(0)" class="btn btn-custom btn-lg page-scroll" data-toggle="modal" data-target="#modal-export">联 系 我 们</a>
</div>

<!--导出模板-->
<div class="modal fade " tabindex="-1" id="modal-export">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">联系我们</h4>
      </div>
      <div class="modal-body" style="text-align: center;">
        <form  id="contactForm" >
          <!-- <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" id="truename" name="truename" class="form-control" placeholder="姓名" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="mobile" id="mobile" name="mobile" class="form-control" placeholder="手机" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
          </div>
          <div class="form-group">
            <textarea name="content" id="content" class="form-control" rows="4" placeholder="留言" required></textarea>
            <p class="help-block text-danger"></p>
          </div> -->
          <div class="form-group">
            <input type="text" id="truename" name="truename" class="form-control" placeholder="姓名" required="required">
            <p class="help-block text-danger"></p>
          </div>
          <div class="form-group">
            <input type="text" id="company" name="company" class="form-control" placeholder="公司" >
            <p class="help-block text-danger"></p>
          </div>
          <div class="form-group">
            <input type="text" id="mobile" name="mobile" class="form-control" placeholder="手机号码" required="required">
            <p class="help-block text-danger"></p>
          </div>

          <div class="form-group">
            <input type="text" id="wechat" name="wechat" class="form-control" placeholder="微信号">
            <p class="help-block text-danger"></p>
          </div>
          <div class="form-group">
            <input type="text" id="zhiwei" name="zhiwei" class="form-control" placeholder="职位">
            <p class="help-block text-danger"></p>
          </div>
          <div class="form-group">
            <input type="text" id="other" name="other" class="form-control" placeholder="其他">
            <p class="help-block text-danger"></p>
          </div>

          <div id="success"></div>
          <button id="contact_btn" type="button" class="btn btn-custom btn-lg" data-dismiss="modal">立即咨询</button>
        </form>
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div> -->
    </div>
  </div>
</div>




<!-- Contact Section -->
<div id="contact" data-toggle="modal" data-target="#modal-export">
  <div class="container">
    <div class="col-md-8">
      <div class="row">
        <div class="section-title">
          <h2>{:$configs['FOOTER_TITLE']}</h2>
          <p>{:$configs['FOOTER_CONTENT']}</p>
        </div>
        <!-- <form name="sentMessage" id="contactForm" novalidate>
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" id="name" class="form-control" placeholder="Name" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="email" id="email" class="form-control" placeholder="Email" required="required">
                <p class="help-block text-danger"></p>
              </div>
            </div>
          </div>
          <div class="form-group">
            <textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
            <p class="help-block text-danger"></p>
          </div>
          <div id="success"></div>
          <button type="submit" class="btn btn-custom btn-lg">Send Message</button>
        </form> -->



        <!-- <h3>联系方式</h3> -->
        <div class="contact-item col-md-4">
          <p><span><i class="fa fa-map-marker"></i> 公司地址</span>{:$configs['ADDRESS']}</p>
        </div>
        <div class="contact-item col-md-4">
          <p><span><i class="fa fa-phone"></i> 联系电话</span> {:$configs['ZXDH']}</p>
        </div>
        <div class="contact-item col-md-4">
          <p><span><i class="fa fa-envelope-o"></i> Email</span> {:$configs['KF_EMAIL']}</p>
        </div>
      </div>
    </div>
    <div class="col-md-3 col-md-offset-1 contact-info">
      <!-- <div class="contact-item">
        <h3>Contact Info</h3>
        <p><span><i class="fa fa-map-marker"></i> Address</span>4321 California St,<br>
          San Francisco, CA 12345</p>
      </div>
      <div class="contact-item">
        <p><span><i class="fa fa-phone"></i> Phone</span> +1 123 456 1234</p>
      </div>
      <div class="contact-item">
        <p><span><i class="fa fa-envelope-o"></i> Email</span> info@company.com</p>
      </div> -->

      <style type="text/css">
        #contact .social ul li {margin:0 2% 20px 2%;width:46%;float: left;}
        #contact .social ul li img {width: 100%;}
      </style>
      <div class="row">
        <h3>合作伙伴</h3>
        <div class="social" style="margin-top: 0;">
          <ul>
            <?php foreach ($partners as $k => $vo): ?>
              <li><a href="{:$vo['url']}">
                <img src="__UPLOAD__/{:$vo['image']}" title="{:$vo['title']}"  />
              </a></li>  
            <?php endforeach ?>
            <li></li>
            
            
          </ul>
        </div>
      </div>
    </div>
   <!--  <div class="col-md-12">
      <div class="row">
        <div class="social">
          <ul>
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
          </ul>
        </div>
      </div>
    </div> -->
  </div>
</div>
<!-- Footer Section -->
<div id="footer">
  <div class="container text-center">
    <p>Copyright &copy; 2024.云创得力 All rights reserved.ICP备案：<a target="_blank" href="https://beian.miit.gov.cn/">{:$configs['ICP_BEIAN']}</a></p>
  </div>
</div>
<script type="text/javascript" src="__STATIC__/index/js/jquery.1.11.1.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/bootstrap.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/SmoothScroll.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/nivo-lightbox.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/jqBootstrapValidation.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/contact_me.js"></script> 
<script type="text/javascript" src="__STATIC__/index/js/main.js"></script>
</body>
<script type="text/javascript">
    $("#contact_btn").on('click',function(){
        $.ajax({
            url:'{:url("contact/save")}',
            data:$("#contactForm").serialize(),
            type:'post',
            dataType:'json',
            success:function(data){
                console.log(data);
                alert(data.msg);
            }
        });
    });
  </script>
</html>